@charset "utf-8";
@import "common";
.indexWeb{
    overflow: hidden;
    height: 100%;
    position: relative;
    .tanchuang{
        position: absolute;
        left: 0;
        top: 0;
        width:100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        .tanchuangcontent{
            width: r(413);
            height: r(250);
            background: #e7c598;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            border-radius: 8px;
            font-size: r(20);
            .close{
                width: r(36);
                height: r(36);
                margin: r(15) r(15) 0 0;
                float: right;
                img{
                    width: 100%;
                }
            }
            p{
                line-height: 1.5;
                text-align: center;
                color: #bf0c21;
            }
            p:first-of-type{
                margin-top: r(51);
            }
            .active{
                margin:r(30) auto 0;
                width: r(195);
                height: r(38);
                text-align: center;
                line-height: r(38);
                background: #bf0c21;
                color: #e7c598;
                border-radius: 5px;
                a{
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
    .logo{ 
        margin: r(240) auto 0;
        width: r(210);
        transform: translateY(r(-300));
        transition: transform 1.5s;
        transition-delay: 1s;
        img{
            width: 100%; 
        }
    }
    .xishixijiu{
        margin: r(40) auto 0;
        width: r(378); 
        height: r(207);
        opacity: 0;
        transition: opacity 5s;
        img{
            width: 22%;
            height: 50%;
        }
    }
    .button{
        width: r(318);
        height: r(122);
        margin: r(97) auto 0;
        transform: translateY(r(400));
        transition: transform 1.5s;
        transition-delay: 1s;
        .button1{
            width: 100%;
            img{
                width: 100%;
            }
        }
        .button2{
            width: 100%;
            img{
                width: 100%;
            }
        }
    }
}
.hide{
    display: none !important;
}
